<template>
  <header class="main-header">
    <h1>TodoList</h1>
  </header>
</template>

<script>
export default {
  name: "MainHeader",
};
</script>

<style lang="stylus">
@import '../assets/styles/theme.styl'
@import '../assets/styles/typeface.styl'
.main-header
  text-align center
  h1
    margin 20px 0
    font-size 150px
    font-weight 200
    color $yellow
    font-family: $hp
    text-shadow 5px 5px 5px rgba(0,0,0,.5)
</style>
